<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>对象解构</title>
    <script type="text/javascript">

        let monster ={
            name:'牛魔王',
            age:800
        };

        //1.传统方式解构 对象名.属性名
        console.log(monster.name," ",monster.age);

        //2.ES6风格解构
        /*
            1. 把monster对象的属性, 赋值给{name,age}
            2. {name,age} 的取名name 和 age 要和monster对象的属性名保持一致
            3. 使用{} 包括, 不要使用[]
            4. {name,age} 顺序无所谓
        */
        let {name, age} = monster;
        console.log("name=", name, " age=", age);

        //还可以在方法上使用对象解构
        function f1(name, age) {
            console.log("f1-name=", name, " ", "f1-age=", age);
        }
        f1(monster);

    </script>
  </head>
  <body>

  </body>
</html>